<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html lang="en">
<head>
    <title>基于iframe的文件异步上传</title>
    中<meta http-equiv="Content-Type" content="text/html ;charset=utf-8" />
    <!-- common css-->
    <link rel="stylesheet" type="text/css" href="../js/upload/iframe/css/upload.css" />
</head>
<body style="background: #424f63">
    <div style="padding:100px;">
        <div style="padding-top: 30px;;">
            <button id="upload-btn2" style="padding: 8px 20px;">上传图片2</button>
        </div>
        <div id="image-box"> </div>
    </div>
</body>
<!--引入JS-->
<script type="text/javascript" src="http://cdn.staticfile.org/jquery/1.11.2/jquery.js"></script>
<script src="../js/upload/iframe/JUpload.js"></script>
<script>
    $("#upload-btn2").JUpload({
        url : "/ajax/iframe/upload",
        src : "uploadfile",
        image_container : "image-box",
        callback : function(data) {
            alert("11111111111");
           /* if(data.code==200){
                $("#img-src").append('<img src='+data.data+'> </img>');
            }else{
                $("#img-src").innerHTML("上传失败");
            }*/

        }
    });
</script>
</body>
</html>

